<template>
	<div class="home-container">
		<div >
			<TextStrokeAnimation text="Hello, Vue!" :fontSize="48" :x="10" :y="50" strokeColor="blue" :strokeWidth="2" :width="300" :height="100" :animationDuration="5" />
		</div>
	</div>
</template>

<script lang="ts">
import TextStrokeAnimation from './TextStrokeAnimation.vue';
export default {
	name: 'home',
	components: {
		TextStrokeAnimation,
	},
	setup() {
		
		return {
		
		};
	},
};
</script>

<style scoped lang="scss">
$homeNavLengh: 8;
.home-container {
	overflow: hidden;
	padding: 100px 500px;
	.center {
		position: absolute;
		top: 50%;
		left: 50%;
	}
}
</style>
